/*
* jQuery mmUi V1.1.0
* Copyright 2011, jQuery Ug
* www.ug66.cn
*/


/*公共清浮类，摘自bootstrap*/
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.clear{ display:block; clear:both;}
/* jQuery Ug弹出插件
================================================== */
.ug_layer
{
    position: absolute;
    z-index: 99998;
    left: 50%;
    top: 12%;
    background-color: #fff;
    padding: 1px;
    position: fixed;
    _position: absolute;
    border: 1px solid #211F28;
    min-height: 30px;
    min-width: 50px;
    font-size: 12px;
}

/*遮罩背景*/
.ug_bg
{
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    background-color: #9CAAC1;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: .7;
    z-index: 99997;
}
.ug_layer .title
{
    background-color: #93BCF5;
    color: #fff;
    text-indent: 10px;
    border-bottom: solid 1px #93BCF5;
    cursor: move;
    line-height: 30px;
}
/*关闭*/
.ug_layer .close
{
    background-color: #211F28;
    position: absolute;
    width: 14px;
    height: 25px;
    display: block;
    right: -14px;
    top: -14px;
    cursor: pointer;
    overflow: hidden;
    z-index: 99999;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.ug_layer .close:hover
{
    color: red;
}
/*按钮*/
.ug_layer .btnok, .ug_layer .btncancel
{
    text-decoration: none;
}
.ug_layer .btnok:hover, .ug_layer .btncancel:hover
{
    color: Blue;
}
/*消息内容区*/
.ug_layer .mainmessage
{
    color: #000;
    padding: 5px;
    border: 0px solid #000;
}

.rightbox
{
    background: url(images/right.png) 0 6px no-repeat;
    padding-left: 28px;
    line-height: 20px;
    vertical-align: middle;
}
.wrongbox
{
    background: url(images/wrong.png) 0 6px no-repeat;
    padding-left: 33px;
    line-height: 20px;
    vertical-align: middle;
}
.loadingbox
{
    background: url(images/loading.gif) 0 0px no-repeat;
    padding-left: 40px;
    line-height: 20px;
    vertical-align: middle;
}
/*按钮*/
.ug_layer .btnok, .ug_layer .btncancel
{
    text-decoration: none;
    background-color: #93D6FD;
    color: #fff;
    display: inline-block;
    padding:0px 2px 0px 2px;
    margin-bottom: 2px;
    margin-right: 2px;
}
.ug_layer .btnok:hover, .ug_layer .btncancel:hover
{
    color: #000;
}

/* jQuery Ug上传插件
================================================== */
/*box样式*/
.ug-upload-thumbnail
{
    display: inline-block;
    float: left;
    margin-right: 5px;
    border: solid 1px #CDCDCD;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
}
.ug-upload-thumbnail img
{
    width: 110px;
    height: 110px;
    left: 2px;
    top: 1px;
    position: absolute;
}
.ug-upload-thumbnail .txtField
{
    border: 0px solid #cdcdcd;
    width: 1px;
    height: 1px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.ug-upload-thumbnail .btnBrouse, .ug-upload-thumbnail .fileField
{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.ug-upload-thumbnail .btnBrouse
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    font-size: 16px;
    cursor: pointer;
    background-color: #F4F4F4;
    border: 0px solid #CDCDCD; /*background: url(images/upload_bg.png) no-repeat;*/
}
.ug-upload-thumbnail .fileField
{
    position: absolute;
    top: 0;
    left: 0px;
    filter: alpha(opacity:0);
    opacity: 0;
}
.ug-upload-thumbnail .dvTool
{
    cursor: pointer;
    color: Red;
    position: absolute;
    top: 1px;
    right: 2px;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}
.ug-upload-thumbnail .loading
{
    position: absolute;
    left: 20px;
    width: 38px;
    height: 38px;
    background: url(images/loading.gif) no-repeat;
}

/*list样式*/
.ug-upload
{
    display: block;
    overflow: hidden;
    position: relative;
    width: 300px;
    height: 30px;
}
.ug-upload img
{
    display: none;
}
.ug-upload .txtField
{
    width: 200px;
}
.ug-upload input
{
    border: solid 1px #F0F0F0;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    padding: 5px;
}
.ug-upload .btnBrouse, .ug-upload .fileField
{
    width: 100px;
    position: absolute;
    left: 200px;
    top: 0px;
    cursor: pointer;
}
.ug-upload .btnBrouse
{
}
.ug-upload .fileField
{
    filter: alpha(opacity:0);
    opacity: 0;
}
.ug-upload > .dvTool
{
    cursor: pointer;
    color: Red;
    position: absolute;
    top: 1px;
    right: 2px;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}
.ug-upload .loading
{
    position: absolute;
    left: 10px;
    top: 8px;
    width: 200px;
    height: 30px;
    background: url(images/loading_line.gif) no-repeat;
}
/* jQuery Ug选项卡插件
================================================== */
.ug-tab{display: block; position: relative;}
.ug-tab .rl_exp
{
    /*  position:fixed;width:482px;*/
    position: absolute; left: 0px; top: 0px;
    margin:0 auto;
	padding:20px;border: 1px solid #D0D0D0;
	box-shadow: 0 0 2px 2px #fff inset,1px 1px 0 rgba(127,127,127,0.1);
	overflow: hidden;background: none repeat scroll 0 0 white;zoom:1;z-index:100;
}
/*隐藏浏览器的outline,兼容IE。*/
.ug-tab .rl_exp a{outline:none;blr:expression(this.onFocus=this.blur());}
.ug-tab .rl_exp ul{list-style:none;margin:0;padding:0;}
.ug-tab .rl_exp ul li{display:list-item;}
.ug-tab .rl_exp ul.rl_exp_tab{
	margin:-20px -20px 20px;padding:12px 13px 0;list-style:none;
	border-bottom:1px solid #d0d0d0;border-top:1px solid #fff;
	background: -moz-linear-gradient(center top , #F6F6F6, #E5E5E5) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,center top ,center bottom,from(#f6f6f6),to(#E5E5E5)) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#E5E5E5');
}
.ug-tab .rl_exp ul.rl_exp_tab li{float:left;margin-right:10px;display:list-item;text-align: -webkit-match-parent;}
.ug-tab .rl_exp ul.rl_exp_tab li a{
	display: block;padding: 8px 14px;font-size:13px;text-decoration: none;color: #979797;border: 1px solid #c3c3c3;
	margin-bottom: -1px;
	background: #E4E4E4;text-shadow: #fff 0 1px;
}
.ug-tab .rl_exp ul.rl_exp_tab li a.selected{zoom:1;background: #fff;border-bottom: 1px solid #fff;box-shadow: none;text-shadow: none;}


/* jQuery textface文本框小图标插件
================================================== */
.ug-face{display: block; position: relative;}
.ug-face .comment-main{display:inline-block; *display:inline;zoom:1;width:90%;margin:0auto;border:1pxsolid#ddd;background:#eee;padding:20px;border-radius:3px;text-align:left;}
.ug-face .comment-main textarea{width:100%;border:1px solid #dcdcdc;}
.ug-face .comment-main textarea:focus{outline:none;border-color:#4bf;}
.ug-face .comment-main a{font-size:12px;text-decoration:none;color:#09c;}
.ug-face .comment-main a:hover{color:#E10602;}

.ug-face .rl_exp
{
    /*  position:fixed;width:482px;*/
    position: absolute; left: 0px; top: 0px;
   display:none; 
	margin:0 auto;
	padding:20px;border: 1px solid #D0D0D0;
	box-shadow: 0 0 2px 2px #fff inset,1px 1px 0 rgba(127,127,127,0.1);
	overflow: hidden;background: none repeat scroll 0 0 white;zoom:1;z-index:100;
}
/*隐藏浏览器的outline,兼容IE。*/
.ug-face .rl_exp a{outline:none;blr:expression(this.onFocus=this.blur());}
.ug-face .rl_exp ul{list-style:none;margin:0;padding:0;}
.ug-face .rl_exp ul li{display:list-item;}
.ug-face .rl_exp ul.rl_exp_tab{
	margin:-20px -20px 20px;padding:12px 13px 0;list-style:none;
	border-bottom:1px solid #d0d0d0;border-top:1px solid #fff;
	background: -moz-linear-gradient(center top , #F6F6F6, #E5E5E5) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,center top ,center bottom,from(#f6f6f6),to(#E5E5E5)) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#E5E5E5');
}
.ug-face .rl_exp ul.rl_exp_tab li{float:left;margin-right:10px;display:list-item;text-align: -webkit-match-parent;}
.ug-face .rl_exp ul.rl_exp_tab li a{
	display: block;padding: 8px 14px;font-size:13px;text-decoration: none;color: #979797;border: 1px solid #c3c3c3;
	margin-bottom: -1px;
	background: #E4E4E4;text-shadow: #fff 0 1px;
}
.ug-face .rl_exp ul.rl_exp_tab li a.selected{zoom:1;background: #fff;border-bottom: 1px solid #fff;box-shadow: none;text-shadow: none;}

/*表情内容样式*/
.ug-face .rl_exp_main{margin:0;padding:0;}
.ug-face .rl_exp_item{
	cursor:pointer;float:left;border:1px solid red;height:24px;width:24px;overflow:hidden;margin:-1px 0 0 -1px;padding:6px;text-align:center;
	border-color: #fce089;background: #fef9e7;
}
.ug-face .rl_exp_item:hover{border:1px solid #0095cd;background:#fff9ec;position:relative;z-index:2;}
.ug-face .rl_exp_item img{display:inline-block;*zoom:1;border:0;}

.ug-face .close{
	position:absolute;right:6px;top:6px;text-decoration:none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;line-height:12px;
	color:#000;text-shadow:0 1px 0 #fff;opacity:0.2;filter:alpha(opacity=20);
}
.ug-face .close:hover,.ug-face .close:focus{
	color:#000;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);
}




